<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>注册新用户</title>


    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>

    <link rel="stylesheet" href="../../static/css/gsd/public.css" type="text/css">
    <link rel="stylesheet" href="../../static/css/gsd/only.css" type="text/css">

    <script>
        $.validator.setDefaults({
            submitHandler: function() {
                alert("提交事件!");
            }
        });
        $().ready(function() {
// 在键盘按下并释放及提交后验证提交表单
            $("#signupForm").validate({
                rules: {
                    phone: "required",

                    password: {
                        required: true,
                        minlength: 5
                    },
                    repassword: {
                        required: true,
                        minlength: 5,
                        equalTo: "#password"
                    },
                    veifycofe: {
                        required: true,
                    veifycofe: true
                    },
                    smsVerifycofe: {
                        required: true,
                        smsVerifycofe: true
                    },

                    agreement: "required"
                },
                messages: {
                    phone: "手机号码不能为空",
                    password: {
                        required: "请输入密码",
                        minlength: "密码长度不能小于 5 个字母"
                    },
                    confirm_password: {
                        required: "请输入密码",
                        minlength: "密码长度不能小于 5 个字母",
                        equalTo: "两次密码输入不一致"
                    },
                    erifycode: "验证码不能为空",
                    smsVerifycofe: "请输入短信验证码",
                    agreement:"必须勾选",

                }
            });
        });
    </script>
    <style>
        .error{
            color:red;
        }
    </style>
</head>
<body>
<!--<form name="regieterInfoForm" method="post" action="../../static/css/register.do"></form>-->
<form class="cmxform" id="signupForm" method="get" action="">
    <div id="swap">
        <div id="header_box">
            <div id="header">
                <a href="http://www.huawei.com" title="HUAWEI">
                    <img src="../../static/images/gsd/header_logo.png" alt="Logo" border="0">
                </a>
            </div>
        </div>
        <div id="mainbox">
            <fieldset>
            <div id="content_title">
                <h1>
                    &nbsp;&nbsp;注册
                    <font>注册新的账号</font>
                </h1>

            </div>

            <div id="content">
                <div id="content_top"></div>
                <div class="register_pw">
                    <div class="reset_tab_box">
                        <span onclick="switchto('byPhone');" class="set_ontab" id="tab_phone">手机注册</span>

                    </div>
                    <div class="register_main_box">
                        <div class="register_message">
                            <a id="message"></a>
                            <span id="spanmessage" class="redtips"></span>
                        </div>
                        <div class="register_oneline">
                            <div class="register_text">
                                手机号码<span class="register_redstar">*</span>
                            </div>
                            <input type="text" name="phone" id="phone"size="30" tabindex="3" class="inputBgLine register_input">

                        </div>
                        <div class="register_oneline">
                            <div class="register_text">
                                密码<span class="register_redstar">*</span>
                            </div>
                            <input class="inputBgLine register_input type="password" name="password" id="password" size="30" tabindex="4">
                        </div>
                        <div class="register_oneline">
                            <div class="register_text">
                                确认密码<span class="register_redstar">*</span>
                            </div>
                            <input class="inputBgLine register_input type="password" name="repassword" id="repassword" size="30" tabindex="5">
                        </div>
                        <div class="register_oneline">
                            <div class="register_text">
                                验证码<span class="register_redstar">*</span>
                            </div>
                            <div class="float_left">
                                <input class="inputBgLine register_input" name="verifycode" type="text" id="verifycode" size="8" tabindex="6">
                            </div>
                            <div class="register_tips" id="register_tips" aria-invalid="js_tab_tips">
                                <a href="javascript:void(0);" onclick="loadimage();">
                                    <img src="code_img" id="verifycodeimage" src="https://uniportal.huawei.com/accounts/randomcode.jpg" title="点击图片换一个" style="display: inline;">
                                    <img class="code_image_refresh" src="../../static/images/gsd/refresh.png">
                                </a>
                            </div>
                        </div>
                        <div class="register_oneline">
                            <div class="register_text">
                                短信验证码<span class="register_redstar">*</span>
                            </div>
                            <input type="text" tabindex="7" id="smsVerifycofe" name="smsVerifycofe" size="5" class="inputBgLine phone_button">
                        </div>
                        <div class="register_agree" style="padding: 5px 0 0 0 ;">
                            <div class="register_agree" style="width: 11px"> </div>
                            <input type="checkbox" name="agreement" tabindex="9" value="yes"style="margin-left:"&nbsp;
                                   <span class="register_redstar">*</span>我已阅读并同意和华为公司用户注册协议和隐私声明
                        </div>
                        <div>
                            <span class="redtip1" style="color: red;padding-left: 180px;"
                                  id="errMsgNotAgreed">

                            </span>
                            <div class="clearBoth"></div>
                        </div>
                        <input tabindex="10" type="submit" id="regbtn" class="sub_bottom register_submit" name="regbth" style="margin: 10px 0 0 176px;"
                               value="注册">

                        <div style="border-left:1px #e8e8e8 solid;border-right:1px #e8e8e8 solid;;padding-top:50px;border-radius:0 0 3px 3px;">

                            <div style="background: #efefef;font-size: 12px;color: #666;padding: 10px 15px;text-align: center;border-radius:0 0 3px 3px;">

                                <span style="width: 90%;text-align: left;display: inline-block;margin-left:5px;vertical-align: middle;">Uniportal是华为公司对外提供身份认证的唯一入口，在使用华为公司的其他对外服务时，您的Uniportal帐号和登录信息会被共享。</span>
                            </div>

                        </div>
                        <div style="height: 2px" id="content_bottom"></div>
                    </div>

                    <div id="footer">

                        版权所有&nbsp;&copy;&nbsp;华为技术有限公司 1998-2019。保留一切权利。
                    </div>
                </div>

            </div>
            </fieldset>
        </div>
    </div>
</form>
</body>
</html>
